<template>
  <div class="row-wrapper background" style="justify-content: center">
    <Menu></Menu>
    <keep-alive>
      <router-view class="middle"></router-view>
    </keep-alive>
    <Rank></Rank>
  </div>
</template>

<script>
import Menu from '@/views/home/menu/Menu'
import Rank from '@/views/home/rank/Rank'

import '@/styles/flax.css'

export default {
  name: 'home',
  components: {
    Menu,
    Rank
  }
}
</script>

<style scoped>
.background {
  background-image: url(../assets/background.png);
  background-size: cover;
  width: 100vw;
  padding: 56px 0 56px 0;
}

.middle {
  margin-left: 10px;
  margin-right: 10px;
}
</style>
